<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg :height="size" :width="size" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
    <path :fill="color"
          d="M725.333333 682.666667v-42.666667a21.333333 21.333333 0 0 0-42.666666 0v64a21.333333 21.333333 0 0 0 21.333333 21.333333h64a21.333333 21.333333 0 0 0 0-42.666666h-42.666667z m-142.570666 148.906666H256a42.666667 42.666667 0 0 1-42.666667-42.666666V234.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h511.573333a42.666667 42.666667 0 0 1 42.666667 42.666667v288.064A192 192 0 0 0 582.762667 831.573333zM341.248 341.205333a21.333333 21.333333 0 1 0 0 42.645334h255.829333a21.333333 21.333333 0 1 0 0-42.645334H341.248z m0 127.914667a21.333333 21.333333 0 1 0 0 42.645333h170.538667a21.333333 21.333333 0 1 0 0-42.645333h-170.538667zM704 832a149.333333 149.333333 0 1 1 0-298.666667 149.333333 149.333333 0 0 1 0 298.666667z"
    ></path>
  </svg>
</template>

<style lang="scss" scoped>

</style>
